﻿*{margin:0; padding:0}
body {text-align:left;background-color:#fff;font:13px/15px Arial; color:#000;}
a {text-decoration: none;color:#000}
a img {border: none}
a:hover {text-decoration: none}
b{font-weight:bold}
ul {list-style: none}

.fl {float:left}
.fr {float:right}

.oh {overflow:hidden}

.clear {clear: both;}
.w100pt { width: 100%;}

.clearfix:before, .clearfix:after { content: " "; display: block; height: 0; overflow: hidden;}
.clearfix:after {  clear: both;}
.clearfix {}

.relative {  position: relative;}
.absolute {   position: absolute;}

.w100pt{ width:100%}
.w1000{ width:1000px}
.w980{ width:998px !important}
.w980{ width:980px}
.w670{ width:668px}

.w700 {width:700px;}
.w682{ width:682px;}
.w690{ width:688px;_width:692px}
.w100{ width:100px}
.w445{ width:445px}
.w465{ width:465px;}
.w300{ width:300px}
.w210{ width:210px}
.w180{ width:180px}
.w95{ width:95px}
.w87{ width:87px}
.w40{ width:40px}
.mg0{ margin:0px auto}

.mgt2{ margin-top:2px}
.mgt5{ margin-top:5px}
.mgt7{ margin-top:7px}
.mgt8{ margin-top:8px}
.mgt10{ margin-top:10px}
.mgt13{ margin-top:13px}
.mgt16{ margin-top:16px}
.mgt20{ margin-top:20px}
.mgt25{ margin-top:25px}
.mgt30{ margin-top:30px}
.mgt40{ margin-top:40px}
.mgt60{ margin-top:60px}
.mgt70{ margin-top:70px}

.mgr5{ margin-right:5px}
.mgr10{ margin-right:10px;}
.mgr15{ margin-right:15px}

.mgb10{ margin-bottom:10px;}
.mgb5{ margin-bottom:5px;}
.mgb8{ margin-bottom:8px;}

.mgl6{ margin-left:6px}
.mgl10{ margin-left:10px}
.mgl15{ margin-left:15px}
.mgl80{ margin-left:80px;_margin-left:40px}

.pl5 {padding-left:5px}
.pl10 {padding-left:10px}

.pr0 {padding-right:0px !important;}
.pr8 {padding-right:8px}
.pr10 {padding-right:10px}

.pt10 {padding-top:10px}
.pt15 {padding-top:15px}
.pt20 {padding-top:20px}
.pt25 {padding-top:25px}

.pb15 {padding-bottom:15px}
.body_white {background-color:#fff !important}
.body_containter {width:1000px;margin:20px auto;}

.header {float:left; width:100%}
.header .colleft {float:left;width:313px}
.header .colleft .logo {background:url('/Images/Web/home02_06.png') no-repeat;width:311px;height:91px;float:left;margin-top:15px}
.header .colleft .accessories {float:left;width:100%;padding-top:12px}
.header .colleft .accessories table {border:solid 1px #dfdede;width:100%;text-align:center}
.header .colleft .accessories table tr td {padding:8px 0px;}
.header .colleft .accessories table .border {border-right:solid 1px #dfdede;border-left:solid 1px #dfdede}
.header .colleft .accessories table a { color:#00923f;text-transform:uppercase;font-size:14px}
.header .colleft .search {background:url('/Images/Web/bg-search.png') no-repeat;width:311px;height:30px;float:left;border-right:solid 1px #dfdede;border-bottom:solid 1px #dfdede;border-left:solid 1px #dfdede}
.header .colleft .search input {border:none;float:left;width:275px;height:30px;color:#BFBEBE;padding-left:10px;}
.header .colleft .search .btn_search {float:left;cursor:pointer;width:26px;height:30px;}

.body_containter .menu {float:left;width:100%;}
.body_containter .menu .colleft {float:left;width:700px;background:url('/Images/Web/bg-menu.png') repeat-x;height:48px;margin-top:6px;position:relative}
.body_containter .menu .colleft {float:left;}
.body_containter .menu .colleft ul {float:left;width:100%}
.body_containter .menu .colleft ul li {float: left;padding: 19px;}
.body_containter .menu .colleft ul li.custom {padding:0px;}
.body_containter .menu .colleft ul li span.seperate {background: none repeat scroll 0 0 #03A247; float: left; height: 44px; margin-top: 4px;  width: 1px;}
/*.body_containter .menu .colleft ul li a {font-size:13px;color:#85e229;text-transform:uppercase;}*/
.body_containter .menu .colleft ul li a {font-size:13px;color:#fff;text-transform:uppercase;font-weight:bold}
.body_containter .menu .colleft ul li a:hover,.body_containter .menu .colleft ul li a.activeMenu {color:#85e229;}
.body_containter .menu .colleft .separate-last {position:absolute;width:7px;background:url('/Images/Web/bg-menu-last.png') no-repeat;height:61px;right: 0;    top: -7px;}

.body_containter .menu .colright {float:left;width:300px;background:url('/Images/Web/bg-menu-right.png') no-repeat;height:61px;width:300px}
.body_containter .menu .colright .content {float:left;padding: 25px 0 18px 75px;position:relative}
.xyfbtopmenu{width:38px;height:45px;position:absolute;top:9px;left:-45px}
.body_containter .menu .colright .first {float:left;color:#fff;font-size:18px;text-transform:uppercase;padding-bottom:3px}
.body_containter .menu .colright .last {float:left;color:#fff;}

.header .collright {float:left;}

.content {float:left; width:100%}
.content .box-normal {float:left;width:682px}
.content .box-normal .head {float:left;width:100%;background:#ecebeb;height:46px}
.content .box-normal .head p {float:left;padding-top:16px;padding-left:20px}
.content .box-normal .head p a {font-size:24px;text-transform:uppercase;color:#000}
.content .box-normal .head .box-combo { float: left;height: 30px;margin-top: 15px;padding-left: 10px;width: 195px;}
.content .box-normal .head .box-combo select {float: left; width: 190px;}

.content .box-withsearch {float:left;width:100%}
.content .box-withsearch .head {float:left;width:100%;background:#ecebeb;height:46px;}
.content .box-withsearch .head p {float:left;padding:16px}
.content .box-withsearch .head p a {font-size:24px;text-transform:uppercase;color:#000}
.content .box-withsearch .wrapper {float:right;padding-top:8px;padding-right:10px;}
/*.content .box-withsearch .head .box-combo {float:left;width:205px;height:30px;border:solid 1px #d0cece;border-right:none;background:#fff}*/
.content .box-withsearch .head .box-combo {float:left;width:215px;height:30px;}
.content .box-withsearch .head .box-combo select {border: medium none; float: left; padding-top: 7px; width: 190px;}
.content .box-withsearch .head .box-search {float:left;width:322px;height:30px;background:url('/Images/Web/box-search.png') no-repeat;border:solid 1px #d0cece;cursor:pointer}
.content .box-withsearch .head .box-search input {float:left;width:286px;height:30px;border:none;}
.content .box-withsearch .head .box-search .btn-boxsearch {float:left;width:36px;cursor:pointer;height:30px}
.content .box-withsearch .container .duthi {}
.content .box-withsearch .container .duthi li {float:left;width:491px;padding-right:18px;padding-bottom:10px;}
.content .box-withsearch .container .duthi li .item {float:left;width:491px;height:307px;overflow:hidden; position:relative }
.content .box-withsearch .container .duthi li .main-name { background: url("/images/web/bg-transparent.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); bottom: -60px;height: 33px; left: 0;position: absolute;width: 491px;}
.content .box-withsearch .container .duthi li .main-name a {color: #000000;float: left;font-size: 23px;font-weight: bold;padding-top: 9px;text-align: center;width: 100%;}
.content .box-withsearch .container .duthi li .main-info { background: url("/images/web/bg-black.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);bottom: 0px;height: 66px;left: 0; position: absolute; width: 491px;}
.content .box-withsearch .container .duthi li .main-info span {float:right;padding-top:40px;text-align:left;padding:0px 10px;padding-top:35px;}
.content .box-withsearch .container .duthi li .main-info span div {float:left; color:#fff;font-size:15px;padding:3px 4px}



.border-xanh {border:solid 1px #00923f}

.content .container {float:left;background-color:#f4f3f3;width:100%;overflow:hidden}
.content .container .left {float:left;width:333px;position:relative;overflow:hidden}
.slide-tieubieu,.slide-doatgiai {z-index:1}
.slide-tieubieu .item,.slide-doatgiai .item {overflow:hidden;float:right;width:332px;height:202px}
.content .container .left img {float:left;padding-left:12px}
.content .container .left .main-name {position:absolute;top:220px;right:0px;background: url("/images/web/bg-transparent.png") repeat-x;width:321px;height:33px}
.content .container .left .main-name a {color: #000000;float: left;font-size: 18px;font-weight: bold;padding-top: 9px;text-align: center;width: 100%;}
.content .container .left .main-info {position:absolute;bottom:0px;right:0px;background: url("/images/web/bg-black.png") repeat-x;width:321px;height:66px}
.content .container .left .main-info span {float:right;padding-top:40px;text-align:left}
.content .container .left .main-info span div {float:left; color:#fff;font-size:11px;padding:1px 4px}
.content .container .left .main-info .small-img {width:50px;padding-left:0px;float:right}
.content .container .left .slide-paging {position:absolute;right:0px;top:10px;z-index:3}
.content .container .left .slide-paging div.active {float:left;background: url("/images/web/slide-active.png") no-repeat !important; width:15px;height:14px;padding-left:4px;cursor:pointer}
.content .container .left .slide-paging div.normal {float:left;background: url("/images/web/slide-noraml.png") no-repeat ; width:15px;height:14px;padding-left:4px;cursor:pointer;font-size:0px;}

.content .container .right {float:right;width:320px;padding-right:13px}
.content .container .right .duthi {float:left;width:100%}
.content .container .right .duthi li {float: left;height: 98px;padding-bottom: 5px;padding-right: 6px; width: 157px;position:relative}
.content .container .right .duthi li .small-info{ background: url("/images/web/bg-small-black.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);bottom: 5px;height: 27px;left: 0;position: absolute;width: 157px;}
.content .container .right .duthi li p {float:left; color:#fff;font-size:12px; padding-left: 10px;padding-top: 8px;}

.content .box-tintuc {float:left;width:298px;border:solid 1px #ecebeb;margin-top:10px;height:563px;overflow:auto}
.content .box-tintuc .wrapper {margin: 15px auto; width: 280px;}
.content .box-tintuc .wrapper .head a {font-size:18px;text-transform:uppercase;color:#000}
.content .box-tintuc .wrapper ul {float:left;padding-top:13px;padding-bottom:10px}
.content .box-tintuc .wrapper ul li {float:left;width:100%;padding:8px 0px}
.content .box-tintuc .wrapper ul li img {float:left;padding-right:10px;padding-bottom:5px;}
.content .box-tintuc .wrapper ul li a{font-size:12px !important;font-family:Arial !important;font-weight:bold;text-transform:uppercase;font-weight:bold;}
.content .box-tintuc .wrapper ul li span {padding-top:3px;}

.footer {float:left; width:100%;background:none repeat scroll 0 0 #00923F;margin-top:20px}

.paging {color: #a7a7a7;padding: 17px 14px;text-align: right;}
.paging a:hover, .pageactive { color: #00923f !important;}
.paging a {color: #a7a7a7;cursor: pointer;padding: 4px;font-size:14px}

.list-paging { color: #bfbebe;float: left;padding: 17px 14px;text-align: center;width: 100%;}
.list-paging span.next,.list-paging .next.hover {float:left;background: url("/images/web/paing-next.png") no-repeat !important;width:16px;height:17px;border-radius:0px !important}
.list-paging span.prev,.list-paging .prev.hover {float:left;background: url("/images/web/paging-prev.png") no-repeat !important;width:16px;height:17px;border-radius:0px !important}
.list-paging a:hover, .currentpage { color: #fff !important;background-color:#00923f; -moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border-radius: 6px;}
.list-paging a {color: #bfbebe;cursor: pointer;padding: 6px 12px;font-size:18px;float:left;}

.newslater { float: right; height: 194px; width: 308px;}
.boxnewslater {  border: 1px solid #00A346;  color: #FFFFFF;  height: 135px; margin-top: 20px; padding: 10px; width: 276px;}
.boxnewslater .divtitle { background: url("/images/web/iconmail.png") no-repeat scroll left center rgba(0, 0, 0, 0); color: #FFFFFF; font-weight: bold; height: 70px; line-height: 70px; margin-left: -10px; margin-top: -20px; padding-left: 80px; text-transform: uppercase;width:100%}
.boxnewslater .textbox { background: none repeat scroll 0 0 #FFFFFF; border: medium none; float: left; height: 24px; margin: 0; padding: 0 3px; width: 190px;}
.btnregistnewslater {  background: none repeat scroll 0 0 #13B157;  color: #FFFFFF; cursor: pointer; float: left; height: 24px; line-height: 24px; margin-left: 5px; text-align: center; width: 63px;}
.menufooter { float: left; margin-top: 10px; overflow: hidden; width: 685px;}
.menufooter ul { border-left: 1px solid #00A346; color: #FFFFFF; float: left; margin: 0 0 0 7px; min-height: 100px; padding: 0 0 0 10px; width: 210px;}
.menufooter ul:first-child {  border-left: medium none;}
.menufooter ul li { background: url("/images/web/arrowmenufooter.gif") no-repeat scroll left center rgba(0, 0, 0, 0); color: #FFFFFF; line-height: 20px; list-style: none outside none; padding-left: 10px;}
.menufooter ul li a { color: #FFFFFF; text-decoration: none;}
.menufooter ul li a:hover { text-decoration: underline;}
.menufooter ul li.title {  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);  font-weight: bold; padding-left: 0; text-transform: uppercase;}
.boxsmo {  border: 1px solid #00A346;  color: #FFFFFF;  float: left;  margin-left: 10px;  min-height: 66px;  width: 450px;}
.boxsmo a {  color: #FFFFFF;  text-decoration: none;}
.hotlinebox {  background: url("/images/web/iconphone.gif") no-repeat scroll left center rgba(0, 0, 0, 0); color: #FFFFFF; float: right; font-size: 20px;font-weight: bold;height: 46px; padding-left: 50px; padding-top: 20px; width: 160px;}
.c10 {  clear: both;  height: 10px;}
.footer_innner { background: none repeat scroll 0 0 #007934; color: #FFFFFF; padding-top: 5px; float:left;  width:100%;  margin-top:10px;}

#nav-normal, #nav-normal ul{margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:1.5em;z-index:9;}
#nav-normal .header {float:left; background: url("/images/web/bg-combobox.png") no-repeat right;height:22px; }
#nav-normal .header a {display:block;padding:0px 5px;color:#000;text-decoration:none;background:none;}
#nav-normal a{display:block;padding:3px 5px;color:#000;text-decoration:none;background-color:#fff;}
#nav-normal a:hover{background-color:#fff;color:#333;}
#nav-normal li{float:left;position:relative;width:100%;border:solid 1px #D0CECE}
#nav-normal ul {position:absolute;display:none;width:100%;top:1.5em;}
#nav-normal li ul a{width:95%;height:auto;float:left;}
#nav-normal .background {background-color:#fff !important}
#nav-normal ul ul{top:auto;}	
#nav-normal li ul ul {left:12em;margin:0px 0 0 10px;}
#nav-normal li:hover ul ul, #nav-normal li:hover ul ul ul, #nav-normal li:hover ul ul ul ul{display:none;}
#nav-normal li:hover ul, #nav-normal li li:hover ul, #nav-normal li li li:hover ul, #nav-normal li li li li:hover ul{display:block;}

.detail-imgbig
{
    clear: both;
}
.detail-img
{
    background-color: #999;
    position: relative;
    text-align: center;
}
.detail-img-rl
{
    position: absolute;
    width: 44px;
    height: 86px;
    top: 41%;
    left: 0px;
}
.detail-img-rl img
{
    width: 44px;
    height: 86px;
    cursor: pointer;
}
.detail-img-rr
{
    position: absolute;
    width: 44px;
    height: 86px;
    top: 41%;
    right: 0px;
}
.detail-img-rr img
{
    width: 44px;
    height: 86px;
    cursor: pointer;
}
.detail-img img
{
    max-width: 1000px;
}
.detail-img-other
{
    clear: both;
    margin-bottom:28px;
}
.detail-img-other-small
{
    width: 122px;
    height: 76px;
    overflow: hidden;
    float: left;
    margin-right: 3.4px;
    margin-bottom:3px;
}
.detail-img-other-small.last
{
    margin-right: 0px;
    float: right;
}
.detail-img-other-small img
{
    width: 122px;
    cursor: pointer;
}
.loadallfb{width:656px;clear:both;}
.like-fb-detail{margin-top:10px;margin-bottom:22px}
.bg-detail-imgbig{text-align:left;color:White;;position:absolute;bottom:0px;right:0px;width:100%;background-image:url("/Images/1px-bot-detail.png");background-repeat:repeat-x;height:53px}
.bg-detail-imgbig-vote{font-size:15px;float:right;margin-right:20px;margin-top:22px}
.bg-detail-imgbig-vote img{float:right;margin-left:5px}
.bg-detail-imgbig-vote p{margin-top:3px;float:left}
.bg-detail-imgbig h1{font-size:18px;margin-top:10px;margin-left:20px;margin-top:17px;font-weight:normal;float:left}
.bg-detail-imgbig h1 a{color:Blue}
.vote-detail{clear:both}
.vote-detail img{cursor:pointer}
.title-cm-detail{font-size:13px;padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #dddddd}

.head-search {background-color: #ECEBEB;float: left;font-size: 24px;padding: 15px 10px;width: 663px;}
#wrapper {  margin: 0 auto;  padding: 0 30px; min-height: 400px; width: 500px;    }
#promptzone { float:left;background:url('/Images/Web/zone-upload.png') no-repeat; height: 201px;  width: 321px; cursor:pointer }
#promptzone span {   font-size: 10px;  }
#table-upload {border-collapse: collapse;width:100%;float:left;margin-top:30px;}
#table-upload tr{width:100%;float:left;padding:8px 0px;}
#table-upload td.head {width:222px;float:left}
#table-upload td p {float:left;padding:0px 10px;}
#table-upload td {width:67%;float:left}
.large-txt {float:left;width:100%;padding:4px 0px;}
.small-txt {float:left;width:100%;padding:4px 0px;}
.large-area {float:left;width:100%;padding:4px 0px;}
#small-table-upload {border-collapse: collapse;width:100%;float:left;}
#small-table-upload tr{width:100%;float:left;padding:2px 0px;}
#small-table-upload td.head {width:95px;float:left}
#small-table-upload td {width:79%;float:left}
.btnUpload {float:right;background:url('/Images/Web/btn-submit.png') no-repeat; height: 32px;  width: 131px; cursor:pointer;border:none;margin-left:20px;}
.xyshortcontent{position:absolute;width:96%;bottom:45px;left:0px;padding:2%;opacity:0.8;color:#333;background:url("/images/web/bg-transparent.png") repeat}
.detail-img .xyshortcontent{display:none}
.detail-img:hover > .xyshortcontent{display:block;line-height:22px}
.imgnicehome{width:157px;height:98px;overflow:hidden}
.imgnicehome img{width:157px}

.contentstaticp,.contentstaticspan,.MsoNormal {font-size: 15px;  line-height: 18px;  padding: 6px 0;font-family:Times New Roman}
.contentstatich2 {margin-top:10.0pt;margin-right:0in;margin-bottom:0in;margin-left:0in;margin-bottom:.0001pt;line-height:115%;page-break-after:avoid;font-size:13.0pt;font-family:Times New Roman;font-weight:bold; }
.contentstaticol {margin-bottom:0in;}


#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {height:170px; width:490px; color:#bbb; background-color:#fff; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/Images/web/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
